<template>
  <div>
    <!--    我的订单-->
    <div class="row Rd-userCenter area-list area-orderList">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <div class="row hold10"></div>
            <h4><a href="javascript:;" class="focus" id="btn_orderList_all">我的订单</a></h4>
            <hr class="default">
            <p class="bg-warning text-warning">累计成功付款：￥<span class="accRMB">0.00</span></p>
            <div class="orderStepList">
              <div class="row stepLine" hidden>
                <p class="tipTxt">等待学校入账，请到所在学校的学生账户查询实际入账情况。</p>
                <div class="col-xs-5 col-sm-3 col-lg-2 doA">
                  <p><strong><span class="hidden-xs">%%yyyy%%-</span>%%mm%%-%%dd%%</strong></p>
                  <h4 class="text-primary hidden-xs"><strong>%%cur%%%%bill%%</strong></h4>
                  <h5 class="text-primary visible-xs-block"><strong>%%bill%%</strong></h5>
                  <p class="text-danger">正在进行…</p>
                </div>
                <div class="col-xs-7 col-sm-8 col-lg-9 doB">
                  <div class="col-xs-8 col-sm-4 step">
                    <div class="line red">
                      <div class="point">
                        <button type="button" class="btn btn-warning btn-sm btn1" data-type="%%type%%" data-orderId="%%orderId%%">%%btn1%%</button>
                        <div class="ring Rd-icon-mask25 ring-red"><img src="https://img.easytransfer.cn/img/main_third/icon.svg"></div>
                        <div class="stepTxt">%%step1%%</div>
                      </div>
                    </div>
                  </div>
                  <div class="col-xs-8 col-sm-4 step">
                    <div class="line red">
                      <div class="point">
                        <button type="button" class="btn btn-danger btn-sm btn2" data-type="%%type%%" data-orderId="%%orderId%%">%%btn2%%</button>
                        <div class="ring Rd-icon-mask25 ring-red"><img src="https://img.easytransfer.cn/img/main_third/icon.svg"></div>
                        <div class="stepTxt">%%step2%%</div>
                      </div>
                    </div>
                  </div>
                  <div class="col-xs-8 col-sm-4 step">
                    <div class="line red">
                      <div class="point">
                        <div class="ring Rd-icon-mask25 ring-red"><img src="https://img.easytransfer.cn/img/main_third/icon.svg"></div>
                        <div class="stepTxt">%%step3%%</div>
                      </div>
                      <div class="point end">
                        <button type="button" class="btn btn-link btn-sm btn4" data-orderId="%%orderId%%"><i class="et_iconfont">&#xe664;</i>&nbsp;取消订单</button>
                        <button type="button" class="btn btn-danger btn-sm btn5" data-orderId="%%orderId%%">确认已到账</button>
                        <div class="ring Rd-icon-mask25 ring-red"><img src="https://img.easytransfer.cn/img/main_third/icon.svg"></div>
                        <div class="stepTxt">%%step4%%</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <table class="table table-striped orderList">
              <tbody>
                <tr class="orderLine" hidden>
                  <th scope="row"><span class="hidden-xs">%%yyyy%%-</span>%%mm%%-%%dd%%</th>
                  <!--                  如果是房租订单，隐藏该列-->
                  <td class="hidden-xs">%%feeType%%</td>
                  <td>
                    <h4>%%cur%%%%bill%%</h4>
                  </td>
                  <td>%%info1%%</td>
                  <td class="text-right"><a href="javascript:;" class="btn1" data-orderId="%%orderId%%">订单详情</a></td>
                  <td class="text-right">%%info2%%<a type="botton" data-toggle="modal" data-target=".modal-Fw_tip" class="Fw_tip text-success hidden"><i class="et_iconfont">&#xe65a;</i></a></td>
                </tr>
              </tbody>
            </table>
            <div class="row selectPage hidden">
              <div class="row hold50"></div>
              <div class="btn-group" role="group">
                <a type="button" class="btn btn-primary" id="btnPrevPage" href="javascript:;" disabled><i class="et_iconfont">&#xe608;</i> 上一页</a>
                <a type="button" class="btn btn-primary" id="btnNextPage" href="javascript:;" disabled>下一页 <i class="et_iconfont">&#xe609;</i></a>
              </div>
            </div>
          </div>
        </div>
        <div class="row hold50"></div>
      </div>
    </div>
    <!--订单详情模态框-->
    <div class="modal fade modal-orderDetail" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">

            <button type="button" class="close" data-dismiss="modal"><i class='et_iconfont'>&#xe610;</i></button>
            <h5 class="modal-title">数据加载中…</h5>
          </div>
          <div class="modal-body">
          </div>
          <div class="modal-footer">
            <a type="button" class="btn btn-primary" data-dismiss="modal">关闭</a>
          </div>
        </div>
      </div>
    </div>
    <!--取消订单模态框-->
    <div class="modal fade modal-order modal-ensureCloseOrder" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-sm">
        <div class="modal-content">
          <div class="modal-header help">
            <i class="et_iconfont">&#xe65b;</i>
          </div>
          <div class="modal-body text-center">
            <div class="row hold20"></div>
            <h4 class="modal-title text-center">确认取消订单？</h4>
            <div class="row hold20"></div>
            <a type="button" class="btn btn-default" data-dismiss="modal">&nbsp;&nbsp;&nbsp;&nbsp;返回&nbsp;&nbsp;&nbsp;&nbsp;</a>&nbsp;&nbsp;
            <button type="button" class="btn btn-danger" id="btn_closeOrder">&nbsp;&nbsp;取消订单&nbsp;&nbsp;</button>
            <div class="row hold20"></div>
          </div>

        </div>
      </div>
    </div>
    <!--确认已到账订单模态框-->
    <div class="modal fade modal-order modal-ensureOrder" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-sm">
        <div class="modal-content">
          <div class="modal-header success">
            <i class="et_iconfont">&#xe63e;</i>
          </div>
          <div class="modal-body text-center">
            <div class="row hold20"></div>
            <h4 class="modal-title text-center">确认已到账？</h4>
            <div class="row hold20"></div>
            <a type="button" class="btn btn-default" data-dismiss="modal">&nbsp;&nbsp;&nbsp;&nbsp;返回&nbsp;&nbsp;&nbsp;&nbsp;</a>&nbsp;&nbsp;
            <button type="button" class="btn btn-success" id="btn_ensureOrder">&nbsp;&nbsp;&nbsp;&nbsp;确认&nbsp;&nbsp;&nbsp;&nbsp;</button>
            <div class="row hold20"></div>
          </div>

        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
    
}
</script>
<style>

</style>
